<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta charset="UTF-8">
    <title>团购商城_个人信息</title>
    <link rel="stylesheet" href="../css/comment.css">
    <link rel="stylesheet" href="../lib/sm.min.css">
    <link rel="stylesheet" href="../lib/sm-extend.min.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/user_data.css">
    <script type='text/javascript' src="../lib/angular.js"></script>
    <script type='text/javascript' src='../lib/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../lib/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src="../lib/demos.js" charset='utf-8'></script>
</head>
<body ng-controller="user_data">

<header class="bar bar-nav">
    <a href="user_index.html">
        <button class="button button-link button-nav pull-left">
            <span class="icon icon-left"></span>
        </button>
    </a>    <span class="fr hidden">
         修改
        <span class="r icon icon-edit"></span>
    </span>
        <span class="fr  hidden">
        保存
       <span class="r icon icon-check"></span>
    </span>

    <h1 class="title">个人信息</h1>
</header>
<ul class="user_datalist">
    <li><span>头像</span> <input class="input"  disabled="disabled" ng-model="userInfo.userAvatarAddress" type="file"><img src="{{userAvatarAddress}}"></li>
    <li><span>昵称</span><input class="input" disabled="disabled" type="text" ng-model="userInfo.userNickName" value="{{userInfo.userNickName}}" placeholder="输入您的昵称"></li>
    <li><span>账号</span><input disabled="disabled" type="button"   value="{{userInfo.userPhoneNumber}}"></li>
    <li><span>性别</span><input class="input"  disabled="disabled" id="picker" type="text" placeholder="sex" ng-model="userInfo.userSex"  value="{{userInfo.userSex}}"></li>
    <li><span>年龄</span><input type="button" disabled="disabled" id="age" ng-model="userInfo.userAge" placeholder="age" value="{{userInfo.userAge}}"></li>
    <li><span>生日</span>
        <div id="page-calendar" class="page">
            <div class="content" id="birthdaydiv">
                <input class="input" disabled="disabled" type="text" placeholder="Your birthday" ng-model="userBirthy" value="{{userBirthy}}" id='birthday'/>
            </div>

        </div>
    </li>

</ul>
<script>
    $("#birthday").calendar({
        value: ['2015-12-05']
    });
</script>
<span>个性签名：</span>
<textarea maxlength="40" placeholder="随便随便写点吧。。。。。 "></textarea>
</body>

<script>
    $("#picker").picker({
        toolbarTemplate: '<header class="bar bar-nav">\
  <button class="button button-link pull-right close-picker">确定</button>\
  <h1 class="title">性别</h1>\
  </header>',
        cols: [
            {
                textAlign: 'center',
                values: ['男', '女']
            }
        ]
    });
</script>
<script SRC="../control/user_data.js"></script>
<script SRC="../myjs/user_data.js"></script>

</html>